<template>
  <div class="banner">
    <van-swipe :autoplay="3000">
  <van-swipe-item v-for="(image, index) in images" :key="index">
    <img v-lazy="image" />
  </van-swipe-item>
</van-swipe>
  </div>
</template>

<script>

export default {
  data() {
    return {
      images: [
      require('@/assets/index/banner-0.jpg'),
      require('@/assets/index/banner-1.jpg'),
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
    .banner {
        width: 90%;
        height: .82rem;
        margin: auto;
        // background: #999;
    }
    img{
      width: 100%;
    }

</style>